<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			section {
				width: 800px;
				height: 500px;
				background-color: pink;
			}
			section div:first-child {
				width: 200px;
				height: 200px;
				background-color: purple;
				float: left;
			}
			section div:last-child {
				width: 250px;
				height: 300px;
				background-color: skyblue;
				float: left;
			}
			.bank {
				width: 800px;
				height: 500px;
				background-color: #EEEEEE;
			}
			.four {
				width: 200px;
				height: 500px;
				background-color: skyblue;
				/* display: inline-block; */
				float: left;
			}
			.four-in {
				width: 180px;
				height: 500px;
				background-color: pink;
			}
		</style>
	</head>
	<body>
		<section>
			<div>熊大</div>
			<div>熊二</div>
		</section>
		<div class="bank">
			<div class="four">
				<div class="four-in">
					
				</div>
			</div>
			<div class="four">
				<div class="four-in">
					
				</div>
			</div>
			<div class="four">
				<div class="four-in">
					
				</div>
			</div>
			<div class="four">
				<div class="four-in">
					
				</div>
			</div>
		</div>
	</body>
</html>
